<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:mj="http://mojarra.dev.java.net/mojarra_ext">
<ui:composition template="/pages/layout/masterLayout.xhtml">
	<ui:define name="tituloPagina">Novo Usuário</ui:define>
	<ui:define name="conteudo">
		<br/>
		<div id="alinhamentos">			
			<h:form>
			<h:messages globalOnly="true" />
				<h1>:: Cadastro ::</h1>
				<h2>Dados pessoais</h2>
				<div id="labels">
					Nome:
				</div>				
				<div id="campos">
					<h:inputText id="itNome" label="Nome" value="#{registroUsuario.dadosNovoUsuario.nome}" required="true"
						validatorMessage="  Nome inválido! Digite seu nome e sobrenome." style="width : 200px;">
						<f:validateRegex pattern="\p{L}+(\s\p{L}+)+" />
						<f:validateLength maximum="100" />
					</h:inputText>									
					<h:message for="itNome"/>
					<br />				
				</div>
				
				<div id="labels">
					e-mail:
				</div>
				<div id="campos">				
					<h:inputText id="itEmail" label="email" value="#{registroUsuario.dadosNovoUsuario.email}"
						required="true"	validator="#{registroUsuario.validaEmail}" style="width : 200px;">
						<f:validateLength maximum="100"/>
					</h:inputText>
					<h:message for="itEmail"/>				
				</div>
										
				<h2>Dados para utilização do site</h2>
				<div id="labels">
					Login:
				</div>				
				<div id="campos">	
					<h:inputText id="itLogin" label="Login" value="#{registroUsuario.dadosNovoUsuario.login}"
						required="true" style="width : 200px;" validator="#{registroUsuario.validaLogin}">
						<f:validateLength minimum="5" maximum="20"/>
					</h:inputText>
					<h:message for="itLogin" />	
					<br />																				
				</div>
				
				<div id="labels">
					Senha:
				</div>	
				<div id="campos">						
					<h:inputSecret id="itSenha" label="Senha" value="#{registroUsuario.dadosNovoUsuario.senha}"	required="true" style="width : 200px;">
						<f:validateLength minimum="5" maximum="100" />
					</h:inputSecret>				
					<h:message for="itSenha" />
					<br />																
				</div>
				
				<div id="labels">
					Confirmar:
				</div>				
				<div id="campos">
					<h:inputSecret id="itSenha2" label="Senha" value="#{registroUsuario.outraSenha}" required="true" style="width : 200px;">
						<f:validateLength minimum="5" maximum="100" />
					</h:inputSecret>				
					<h:message for="itSenha2" />
					<br />																
				</div>
				
				<div id="botao_pequeno2">
					<h:commandButton action="#{registroUsuario.gravaUsuario}" value=" Inserir " />
					<mj:focus for="form:itNome"/>					
				</div>				
			</h:form>
			
				<h2>Perdeu a senha ?</h2>

				Acesse nossa seção de recuperação através do menu de navegação ou clique no link abaixo:
				<br />
				<br />	
				<div id="linkPersonalizado">			
					<h:form>
						<h:commandLink id="mlRecuperaSenha" action="recuperarSenha" value="Recuperar Senha"></h:commandLink>
					</h:form>
				</div>
				<br />
				<br />					
		</div>			
	</ui:define>
</ui:composition>
</html>